<template>
	<div class="vue_app GiftOrderDetails" style="position: relative;width: 100%;">
		<my-header :title="'订单详情'" :hasTitle="true" :hasBack="true">
			<div class="aui-list-item-label-icon kf" @click="online">
				<i class="icon njfont nj-kefu"></i>
			</div>
		</my-header>
		<!--头部-->
		<div class="overhid" :style="`height: ${screenHeight}px`" v-if="orderData">
			<vertical-scroll ref='verticalScroll'>
				<div :class="{padbot:(orderData.orderStatus===0 && orderData.payStatus===0 && orderData.waitToCancelTm !=0)}">
					<!--订单状态-待付款-->
					<div class="order_status order_status_1" v-if="orderData.orderStatus===0 && orderData.payStatus===0 && orderData.waitToCancelTm !=0">
						<div class="aui-pull-left">
							<h3>订单待付款</h3>
							<p>{{msTime.minutes}}分{{msTime.seconds}}秒后关闭，请及时付款</p>
						</div>
						<div class="aui-pull-right">
							<i class="icon njfont nj-daifukuan1"></i>
							<!--<em></em>-->
						</div>
					</div>
					<div class="order_status" v-if="orderData.orderStatus===1 || (orderData.orderStatus===0 && orderData.payStatus===0 && orderData.waitToCancelTm == 0)">
						<div class="aui-pull-left">
							<h3>订单已取消</h3>
							<p>请重新下单购买</p>
						</div>
						<div class="aui-pull-right">
							<i class="icon njfont nj-daipeisong1"></i>
							<!--<em></em>-->
						</div>
					</div>
					<div class="order_status" v-if="orderData.orderStatus===2">
						<div class="aui-pull-left">
							<h3>订单已完成</h3>
							<!--<p>激活码已发送至账号的手机号~</p>-->
							<p>请激活礼品卡到钱包账户</p>
						</div>
						<div class="aui-pull-right">
							<i class="icon njfont nj-yiqianshou1"></i>
							<!--<em></em>-->
						</div>
					</div>
					<!--用户账户信息-->
					<div class="buyuser">
						<span><i class="icon njfont nj-shouhuoren useri"></i>购买账户</span>
						<div class="buyusername">
							<span>{{orderData.userName}}</span>
							<span style="margin-left: 0.5rem;">{{orderData.mobile}}</span>
						</div>
					</div>
					<!--礼品卡相关信息-->
					<div class="Confirmcard">
						<div class="giftimg">
							<img :src="orderData.giftcardImg ||'static/image/big-giftcard.png'" />
						</div>
						<div class="giftcontant">
							<div class="givegiftname">
								<span>{{orderData.cardName}}<span style="float: right;">￥{{Number(orderData.paidPrice).toFixed(2)*orderData.cardNum}}</span></span>
							</div>
							<p>面值：{{Number(orderData.denomination).toFixed(2)}}元</p>
							<p>
								<span>单价：￥{{Number(orderData.paidPrice).toFixed(2)}}/张</span>
								<span style="margin-left: 0.5rem;">数量：{{orderData.cardNum}}张</span>
							</p>
						</div>
					</div>
					<!--礼品卡赠品信息-->
					<div class="givegift" v-if="couponData && couponData.length>0">
						<span class="givegiftspan">赠送</span>
						<div class="givegiftcontant">
							<p v-for="(val,index) in couponData" :key="index">
								<span class="givegiftcontantpsp">{{val.couponName}}</span>
								<span style="float: right;"><em>x</em>{{val.couponNumber}}</span>
							</p>
						</div>
					</div>
					<!--礼品卡购买信息-->
					<div class="giftitem">
						<div><span>商品小计</span><span class="Sflotrigth">￥{{Number(orderData.totalPay).toFixed(2)}}</span></div>
						<div><span>优惠</span><span class="Sflotrigth">-￥{{Number(orderData.totalMinis).toFixed(2)}}</span></div>
					</div>
					<div class="giftitem">
						<div><span>应付金额合计</span><span class="Sflotrigth smoney">￥{{Number(orderData.realPay).toFixed(2)}}</span></div>
					</div>
					<!--礼品卡发票信息-->
					<!--<div class="giftitem giftfp">
						<div v-if="orderData.orderStatus===0 && orderData.payStatus===0 && orderData.waitToCancelTm !=0">
							<span>发票</span><span class="Sflotrigth">订单完成后，可补开</span>
						</div>
						<div v-if="orderData.orderStatus===1 || orderData.waitToCancelTm == 0">
							<span>发票</span><span class="Sflotrigth">暂不支持开具电子发票</span>
						</div>
						<div v-if="orderData.orderStatus===2 && orderData.hasInvoice===0 && orderData.invoiceSupplement===0">
							<span>发票</span><span class="Sflotrigth">电子发票已失效</span>
						</div>
						<div v-if="orderData.orderStatus===2 && orderData.invoiceSupplement===1" @click.stop="goBillDetail">
							<span>发票</span><span class="Sflotrigth">未开票，可补开</span>
						</div>
						<div v-if="orderData.orderStatus===2 && orderData.hasInvoice===1 && orderData.invoiceFlag===3">
							<span>发票</span><span class="Sflotrigth">开票失败</span>
						</div>
						<div v-if="orderData.orderStatus===2 && orderData.hasInvoice===1 && orderData.invoiceFlag !=3">
							<span>发票</span><span class="Sflotrigth giftbottn" @click="fpdetial">查看发票</span>
							
							旧版已删
							<div v-if='fpdata.url && orderData.invoiceFlag===2'>
								<p>
									<span v-if="fpdata.orderInvoiceTitle.invoicesTitleType===1">发票抬头 ：{{fpdata.orderInvoiceTitle.personalName}}</span>
									<span v-if="fpdata.orderInvoiceTitle.invoicesTitleType===2">发票抬头 ：{{fpdata.orderInvoiceTitle.companyName}}</span>
									<span class="giftbottn" :href='fpdata.url'>查看发票</span>
									<span class="giftbottn" @click="goemail"><i class="icon njfont nj-youjianyouxiang giftyoux"></i>发送邮箱</span>
								</p>
								<p v-if="fpdata.orderInvoiceTitle.invoicesTitleType===1">身份证号码 ：{{fpdata.orderInvoiceTitle.idNumber}}</p>
								<p v-if="fpdata.orderInvoiceTitle.invoicesTitleType===2">纳税人识别号 ：{{fpdata.orderInvoiceTitle.dutyParagraphNo}}</p>
								<p>发票内容 ：{{fpdata.invoiceContext}}</p>
							</div>
                            <div v-if='!fpdata.url && orderData.invoiceFlag===1'>
                            	<span>发票</span><span class="Sflotrigth">开票中</span>
                            </div>
                            
						</div>
					</div>-->
					<!--礼品卡订单信息-->
					<div class="giftitem giftfp">
						<div>
							<div style="display: inline-block;">
								订单编号 ：<span id='giftordernum'>{{orderData.orderNo}}</span>
							</div>
							<div class="btn" style="display: inline-block; float:right" ref="mycopy" :data-clipboard-text="orderData.orderNo">
								<span class="giftbottn" @click="starCopy">复制</span>
							</div>
						</div>
						<div>下单时间 ：{{orderData.orderTm | Time}}</div>
						<div v-if="orderData.orderStatus===2">付款时间 ：{{orderData.payTm | Time}}</div>
					</div>
					<!--已支付支付方式-->
					<div class="paystyle giftitem" v-if="orderData.orderStatus===2">
						<img v-if="orderData.payType == 2 || orderData.payType == 7 || orderData.payType == 96 || orderData.payType == 97" src="static/image/icon_yx.png" style="width: 2.2rem;height:1.6rem;margin-right: 0.2rem;display: inline-block"/>
						<i v-else class="icon njfont" :class="iconFunction(orderData.payType)" :style="{color:iconStyleFuncion(orderData.payType)}"></i>
						<div class="paystylediv">
							<div>{{payTypefunction(orderData.payType)}}<span class="Sflotrigth">￥{{Number(orderData.realPay).toFixed(2)}}</span></div>
							<span style="text-align:left;">流水号：{{orderData.billNo}}</span>
						</div>
					</div>
				</div>
			</vertical-scroll>
		</div>
		<!--待支付支付方式-->
		<div class="cardoperation" v-if="orderData && orderData.orderStatus===0 && orderData.payStatus===0 && orderData.waitToCancelTm !=0">
			<span @click="cancelOrder">取消订单</span><span @click="gotopay">立即支付</span>
		</div>

		<!--<mt-popup v-if="orderData" ref="BillDetail" v-model="popupVisible" popup-transition="popup-fade" modal="true" closeOnClickModal="true" class="setEmail">
			<Bill-SetEmail @hideModal="updateType" :orderNos="orderData.orderNo ? orderData.orderNo:''" :parentOrderNo="orderData.parentOrderNo ? orderData.parentOrderNo : ''"></Bill-SetEmail>
		</mt-popup>-->
	</div>
</template>

<script>
	import MyHeader from "../header";
	import axios from "axios";
	import { Toast } from '@/utils/toast';
	import { showLoading, hideLoading } from "@/utils/loading";
	import goOnlineServer from '@/utils/ZWY/onlineServer';
	import VerticalScroll from '../../real-components/VerticalScroll';
	import Clipboard from 'clipboard';
	import { lipinquan } from '../../config/orderTypeCode';
	import { MessageBox } from '@/ui-components';
	import { mapGetters } from "vuex";
	/*import { Popup, MessageBox } from 'mint-ui';
	import BillSetEmail from "../../real-components/BillSetEmail";*/
	export default {
		data() {
			return {
				orderDateArr: {},
				couponData: null,
				orderData: null,
				fpdata: {},
				popupVisible: false,
				msTime: {
					minutes: '5', //分钟
					seconds: '', //秒
					show: '',
				},
				timer: null, //定时器
			}
		},
		components: {
			"my-header": MyHeader,
			"vertical-scroll": VerticalScroll,
			/*'mt-popup': Popup,
			"Bill-SetEmail": BillSetEmail,*/
		},
		methods: {
			//补开发票
			goBillDetail() {
				this.$router.push({
					path: "BillDetail",
					query: {
						giftCard: true,
						orderNo: this.orderData.orderNo,
						datas: this.orderData
					}
				});
			},
			//获取发票信息
			getfpdata() {
				let config = {
					url: window.api.trade_host + '/orderElectronicInvoice/selectGiftCardElectronicInvoice/' + this.orderData.orderNo,
					method: 'GET',
					headers: {
						'sessionId': localStorage.getItem('sessionId'),
					},
				};
				axios(config).then((res) => {
					this.fpdata = res.data.data[0]
				})
			},
			//查看发票
			fpdetial() {
				this.$router.push({
					path: "BillParticulars",
					query: {
						ParentOrderNo: this.orderData.parentOrderNo,
						orderNo: this.orderData.orderNo,
						creTime: this.orderData.createTm,
						giftCard: true,
					}
				});
			},
			/*//发送邮箱
			goemail() {
				MessageBox.prompt('请输入邮箱地址').then(({
					value,
					action
				}) => {
					//邮箱验证
					var regEmail = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
					if(!regEmail.test(value)) {
						MessageBox.alert("邮箱格式不正确")
						return;
					}
					var sessionId = localStorage.getItem('sessionId');
					let email = value;
					var url = window.api.trade_host + "/orderElectronicInvoice/sendMail/" + this.orderData.parentOrderNo + "/" + email;
					var config = {
						url: url,
						method: "PUT",
						headers: {
							'sessionId': sessionId
						},
					}
					axios(config).then((res) => {
						if(res.data.returnCode === 1) {
							MessageBox.alert("发送成功").then(action => {
								this.deteles();
							});

						} else if(res.data.returnCode === 0) {
							MessageBox.confirm(res.data.errmsg)
						}
					})
				});
			},
			updateType(data) {
				this.popupVisible = data.detele; //改变了父组件的值 
			},*/
			//客服中心
			online() {
				goOnlineServer(this)
			},
			//复制订单号功能
			ismobile(test) {
				var u = navigator.userAgent,
					app = navigator.appVersion;
				if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))) {
					if(window.location.href.indexOf("?mobile") < 0) {
						try {
							if(/iPhone|mac|iPod|iPad/i.test(navigator.userAgent)) {
								return '0';
							} else {
								return '1';
							}
						} catch(e) {}
					}
				} else if(u.indexOf('iPad') > -1) {
					return '0';
				} else {
					return '1';
				}
			},
			starCopy() {
				let num = this.ismobile(1);
				console.log(num)
				if(num == '0') {
					console.log(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i))
					if(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) { //ios
						var copyDOM = document.querySelector('#giftordernum'); //要复制文字的节点
						console.log(copyDOM)
						var range = document.createRange();
						console.log(range)
						// 选中需要复制的节点
						range.selectNode(copyDOM);
						// 执行选中元素
						window.getSelection().addRange(range);
						// 执行 copy 操作
						var successful = document.execCommand('copy');
						console.log(successful)
						try {
							var msg = successful ? 'successful' : 'unsuccessful';
						} catch(err) {}
						if(msg) {
							Toast({
								message: '复制成功',
								duration: 1000,
								type: 'success'
							});
						}
						// 移除选中的元素
						window.getSelection().removeAllRanges();
					}
				}
			},
			getRef() {
				let num = this.ismobile(1);
				if(true) {
					const clipboard = new Clipboard('.btn');
					if(Clipboard.isSupported()) {
						clipboard.on('success', function(e) {
							Toast({
								message: '复制成功',
								duration: 1000,
								type: 'success'
							});
							clipboard.destroy();
						});
						clipboard.on('error', function(e) {
							Toast({
								message: '复制失败',
								duration: 1000,
								type: 'fail'
							});
						});
					}
				}
			},
			//支付方式
			payTypefunction(type) {
				let a;
				switch(type) {
					case 1:
						a = '支付宝支付';
						break;
					case 2:
						a = '银联支付';
						break;
					case 3:
						a = '微信支付';
						break;
					case 4:
						a = '工行支付';
						break;
					case 5:
						a = '现金支付';
						break;
					case 6:
						a = '优惠券支付';
						break;
					case 7:
						a = '银联支付';
						break;
					case 8:
						a = '威富通支付';
						break;
					case 9:
						a = '钱包余额支付';
						break;
					case 20:
						a = '邮费支付';
						break;
					case 21:
						a = '积分支付';
						break;
					case 96:
						a = '线下银联活动';
						break;
					case 97:
						a = '线下银联';
						break;
					case 98:
						a = '线下微信';
						break;
					case 99:
						a = '线下支付宝';
						break;						
					default:
						a = '';
				}
				return a
			},
			iconFunction(type) {
				let className;
				switch(type) {
					case 1:
						className = 'nj-zhifubao';
						break;
					case 2:
						className = 'nj-yinlian2';
						break;
					case 3:
						className = 'nj-weixin';
						break;
					case 4:
						className = 'nj-gonghang';
						break;
					case 5:
						className = 'nj-xianjin';
						break;
					case 6:
						className = 'nj-youhuiquan1';
						break;
					case 7:
						className = 'nj-yinlian1';
						break;
					case 8:
						className = 'nj-weifutong';
						break;
					case 9:
						className = 'nj-qianbao';
						break;
					case 21:
						className = 'nj-jifen2';
						break;	
					case 96:
						className = 'nj-yinlian1';
						break;
					case 97:
						className = 'nj-yinlian1';
						break;
					case 98:
						className = 'nj-weixin';
						break;
					case 99:
						className = 'nj-zhifubao';		
						break;
					default:
						className = '';	
				}
				return className
			},
			iconStyleFuncion(type) {
				let colorType;
				switch(type) {
					case 1:
						colorType = '#00a8ee';
						break;
					case 2:
						colorType = '#185ba7';
						break;
					case 3:
						colorType = '#05af10';
						break;
					case 4:
						colorType = '#c00925';
						break;
					case 5:
						colorType = '#ed3f3f';
						break;
					case 6:
						colorType = '#f44336';
						break;
					case 7:
						colorType = '#2196f3';
						break;
					case 8:
						colorType = '#1976d2';
						break;
					case 9:
						colorType = '#ff9100';
						break;
					case 21:
						colorType = '#ffd156';
						break;
					case 96:
						colorType = '#2196f3';
						break;
					case 97:
						colorType = '#2196f3';
						break;
					case 98:
						colorType = '#05af10';
						break;
					case 99:
						colorType = '#00a8ee';
						break;		
					default:
						colorType = '';
				}
				return colorType
			},
			//获取接口数据
			getdetil() {
				let config = {
					url: window.api.customer_host + '/giftCardIndent/findRecordDetail',
					method: 'GET',
					headers: {
						'sessionId': localStorage.getItem('sessionId'),
					},
					params: {
						"orderNo": this.$route.query.orderNo,
						"cardCode": this.$route.query.cardCode,
					}
				};
				axios(config).then((res) => {
					this.orderDateArr = res.data.data[0]
					this.couponData = this.orderDateArr.couponData
					this.orderData = this.orderDateArr.orderData
					this.runTime(this.orderData.waitToCancelTm)
					/*if(this.orderData.hasInvoice === 1) {
						this.getfpdata()
					}*/
				})
			},
			//取消订单
			cancelOrder() {
				MessageBox.confirm('确认取消订单吗？').then(() => {
					let config = {
						url: window.api.customer_host + '/giftCardIndent/update',
						method: 'put',
						headers: {
							'sessionId': localStorage.getItem('sessionId'),
						},
						data: {
							"orderNo": this.$route.query.orderNo,
							"cardCode": this.$route.query.cardCode,
							"orderStatus": 1,
							'rid': this.orderData.rid,
						}
					};
					axios(config).then((res) => {
						if(res.data.returnCode === 1) {
							Toast({
								message: '订单取消成功',
								duration: 2000,
								type: "success"
							})
							setTimeout(() => {
								window.history.go(-1);
							}, 1000)
						} else {
							Toast({
								message: '订单取消失败',
								duration: 2000,
								type: "fail"
							})
						}
					})
				})
			},
			//去支付页面
			gotopay() {
				showLoading()
				let params = {
					'bill_id': this.orderData.orderNo,
					'sessionId': localStorage.getItem('sessionId'),
				};
				let config = {
					url: window.api.customer_host + '/giftCardH5/getGiftCardPayNo',
					method: 'POST',
					data: params,
				};
				axios(config).then((res) => {
					hideLoading()
					if(res.data.returnCode == 1) {
						//跳转到支付页面
						var orderNo = [];
						orderNo = res.data.data[0]
						this.$router.push({
							name: 'pay',
							params: {
								orderNo: orderNo,
								orderType: lipinquan,
								//成功后回调需要参数
								cardNo: this.$route.query.orderNo,
								cardCode: this.$route.query.cardCode,
							}
						});
					}
				})
			},
			//多长时间订单自动取消
			getCancelTime() {
				let mss;
				if(this.orderData.waitToCancelTm) {
					mss = this.orderData.waitToCancelTm;
					//let days = parseInt(mss / (1000 * 60 * 60 * 24));
					//let hours = parseInt((mss % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
					let minutes = parseInt((mss % (1000 * 60 * 60)) / (1000 * 60));
					let seconds = parseInt((mss % (1000 * 60)) / 1000);
					//(days > 0 ? (days + " 天 ") : '') + (hours > 0 ? (hours + " 小时 ") : '') +
					return minutes + '分' + seconds + '秒';
				}
			},
			//订单倒计时
			runTime(mss) {
				let msTime = this.msTime;
				if(mss) {
					msTime.minutes = parseInt((mss % (1000 * 60 * 60)) / (1000 * 60));
					msTime.seconds = parseInt((mss % (1000 * 60)) / 1000);
					if(this.getgifttime) {
						if(mss > 0) {
							this.timer = setTimeout(() => {
								this.runTime(mss -= 1000)
							}, 1000)
							//console.log('888888888')
						} else {
							clearTimeout(this.timer);
							this.timer = null;
							this.$router.replace({
								path: "buyGiftCard",
							});
						}
					}

				}
			}
		},
		async beforeRouteLeave(toRoute, fromRoute, next) {
			//取消定时器
			this.$store.commit('xxy/setgifttime', false)
			clearTimeout(this.timer);
			next()
		},
		filters: {
			Time: function(time) {
				if(time) {
					let date = new Date(time);
					return `${date.getFullYear()}-${date.getMonth()+ 1}-${date.getDate()}  ${date.getHours() > 9 ? date.getHours() : '0' + date.getHours()}:${date.getMinutes() > 9 ? date.getMinutes() : '0' + date.getMinutes()}:${date.getSeconds() > 9 ? date.getSeconds() : '0' + date.getSeconds()}`;
				}
			}
		},
		computed: {
			screenHeight() {
				return window.innerHeight - '60';
			},
			...mapGetters('xxy', [
				"getgifttime",
			]),
		},
		watch: {
			orderDateArr() {
				setTimeout(() => {
					this.getRef();
				}, 20);
			}
		},
		mounted() {
			this.$store.commit('xxy/setgifttime', true)
			this.getdetil()
		},
	}
</script>

<style>
	.GiftOrderDetails .overhid {
		overflow: hidden;
	}
	
	.GiftOrderDetails .padbot {
		padding-bottom: 3rem;
	}
	
	.GiftOrderDetails .kf {
		position: absolute;
		margin-top: 0.35rem;
		top: 3px;
		right: 1rem;
		padding: 0 0.35rem;
		background: #38B035;
		border-radius: 3px;
		color: #ffffff;
		height: 2rem;
		line-height: 2.4rem
	}
	
	.GiftOrderDetails .Sflotrigth {
		float: right;
	}
	
	.GiftOrderDetails .kf i {
		font-size: 1.4rem;
		font-weight: 100
	}
	
	.GiftOrderDetails .order_status {
		background-color: #38B035;
		text-align: left;
		padding: 0.75rem 1.5rem;
	}
	
	.GiftOrderDetails .order_status .aui-pull-left {
		padding-top: 0.5rem
	}
	
	.GiftOrderDetails .buyuser {
		padding: 0.5rem 0.75rem;
		text-align: left;
		background-color: #fff;
		border-bottom: 1px solid #eee;
	}
	
	.GiftOrderDetails .buyuser .useri {
		margin-right: 0.5rem;
		color: #38B035;
		font-size: 0.75rem;
	}
	
	.GiftOrderDetails .buyuser .buyusername {
		float: right;
		display: inline-block;
		font-weight: bold;
	}
	/*卡的样式*/
	
	.GiftOrderDetails .Confirmcard {
		padding: 0.75rem;
		background-color: #fff;
	}
	
	.GiftOrderDetails .Confirmcard .giftimg {
		width: 25%;
		height: 0;
		position: relative;
		display: inline-block;
		margin-bottom: 4px;
	}
	
	.GiftOrderDetails .Confirmcard .giftimg img {
		position: absolute;
		width: 3.5rem;
    	height: 2.2rem;
	}
	
	.GiftOrderDetails .Confirmcard .giftcontant {
		text-align: left;
		position: relative;
		display: inline-block;
		width: 68%;
		padding-left: 0.5rem;
		vertical-align: top;
	}
	
	.GiftOrderDetails .Confirmcard .giftcontant .givegiftname {
		margin-bottom: 0.5rem;
	}
	
	.GiftOrderDetails .Confirmcard .giftcontant p {
		font-size: 0.6rem;
	}
	/*赠品样式*/
	
	.GiftOrderDetails .givegift {
		background-color: #FFEFEF;
		padding: 0.5rem 0.75rem;
		text-align: left;
		position: relative;
	}
	
	.GiftOrderDetails .givegift .givegiftspan {
		display: inline-block;
		vertical-align: top;
		width: 12%;
	}
	
	.GiftOrderDetails .givegift .givegiftcontant {
		display: inline-block;
		width: 86%;
	}
	
	.GiftOrderDetails .givegift .givegiftcontant p {
		font-size: 0.6rem;
		margin-bottom: 0.2rem;
	}
	
	.GiftOrderDetails .givegift .givegiftcontant .givegiftcontantpsp {
		display: inline-block;
		width: 80%;
	}
	/*不同类目样式*/
	
	.GiftOrderDetails .giftitem {
		background-color: #fff;
		padding: 0.5rem 0.75rem;
		text-align: left;
		border-bottom: 1px solid #eee;
	}
	
	.GiftOrderDetails .giftitem .smoney {
		color: #F05422;
		font-weight: bold;
		font-size: 0.8rem;
	}
	
	.GiftOrderDetails .giftitem .giftbottn {
		border: 1px solid #ccc;
		padding: 0.15rem 0.5rem;
		font-size: 0.6rem;
		margin-left: 0.3rem;
		border-radius: 0.2rem;
	}
	
	.GiftOrderDetails .giftitem .giftyoux {
		margin-right: 0.2rem;
		font-size: 0.7rem;
	}
	
	.GiftOrderDetails .giftfp {
		margin-top: 0.5rem;
	}
	
	.GiftOrderDetails .giftfp a {
		color: #9a9a9a;
	}
	
	.GiftOrderDetails .paystyle {
		margin-top: 0.5rem;
		position: relative;
	}
	
	.GiftOrderDetails .paystyle i {
		font-size: 2.5rem;
		width: 20%;
		margin-right: 0.2rem;
	}
	
	.GiftOrderDetails .paystyle .paystylediv {
		width: 80%;
		display: inline-block;
		vertical-align: text-bottom
	}
	/*支付按钮*/
	
	.GiftOrderDetails .cardoperation {
		position: fixed;
		bottom: 0rem;
		width: 100%;
		height: 2.5rem;
		line-height: 2.5rem;
		background-color: #fff;
		border-top: 1px solid #eee;
	}
	
	.GiftOrderDetails .cardoperation span {
		display: inline-block;
		width: 50%;
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 0.8rem;
	}
	
	.GiftOrderDetails .cardoperation span:last-child {
		background-color: #EF5423;
		color: #fff;
	}
	
	.GiftOrderDetails .setEmail {
		width: 80%;
		height: 30%;
		border-radius: 0.4rem;
	}
</style>